<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!--首页seo标题-->
    <title>{pboot:pagetitle}</title>

    <!--首页seo描述-->

    <meta name="description" content="{pboot:pagedescription}" />

    <!--首页seo关键词-->

    <meta name="keywords" content="{pboot:pagekeywords}" />

    <!--网站地址栏图标-->
    <link href="{pboot:sitetplpath}/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <link href="{pboot:sitetplpath}/static/css/headcss.css" rel="stylesheet" media="screen" type="text/css" />
    <link href="{pboot:sitetplpath}/static/css/website86.css" rel="stylesheet" media="screen" type="text/css" />
    <link href="{pboot:sitetplpath}/static/css/fullpage.min.css" rel="stylesheet" media="screen" type="text/css" />
    <link rel="stylesheet" href="{pboot:sitetplpath}/static/css/font_3991930_edxvrbb5j64.css">
    <link href="{pboot:sitetplpath}/static/css/aos.css" rel="stylesheet" media="screen" type="text/css" />

    <script language="javascript" type="text/javascript" src="{pboot:sitetplpath}/static/js/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="{pboot:sitetplpath}/static/js/jquery.superslide.2.1.1.js">
    </script>
    <script language="javascript" type="text/javascript" src="{pboot:sitetplpath}/static/js/aos.js"></script>
   

    <link href="{pboot:sitetplpath}/static/css/uiskin.css" rel="stylesheet" media="screen" type="text/css" />
    <link href="{pboot:sitetplpath}/static/css/beimei.css" rel="stylesheet" media="screen" type="text/css" />
    <link href="{pboot:sitetplpath}/static/css/iconfont_case.css" rel="stylesheet" media="screen" type="text/css" />

  </head>
  <body>
    
  {include file=header.html}
  <link href="{pboot:sitetplpath}/static/css/bootstrap.min.css" rel="stylesheet">
  <script type="text/javascript" src="{pboot:sitetplpath}/static/js/bootstrap.min.js"></script>
  <style>
    .mianbxContent {
      display: none;
    }
  </style>
  {pboot:slide gid=5 num=1}
  <div id="banner_com" style="background: url(./[slide:pic]) top center no-repeat;">    
    <div class="banner_tit">
      <h3>{sort:topname}</h3>
      <h6>{sort:def2}</h6>
    </div>
  </div>
{/pboot:slide}

  <div id="bodycon">

    <ul id="myTab" class="nav nav-tabs pro_all_class" role="tablist">
      <li class=" active " style="width: 280px;"><a href="#gongsijianjie" role="tab" data-toggle="tab">公司简介</a></li>
      <li class="" style="width: 280px;"><a href="#qiyezhanting" role="tab" data-toggle="tab">企业展厅</a></li>
      <li class="" style="width: 280px;"><a href="#gongchang" role="tab" data-toggle="tab">工厂生产</a></li>
      <li class="" style="width: 280px;"><a href="#xianchangshigong" role="tab" data-toggle="tab">现场施工</a></li>
    </ul>

    <div id="center">
      <div id="bodycontent" class="mianbxContent" style="height:25px;width:90%;text-align:right;">
        {include file=bread.html}
      </div>

      <style>
        /*简介*/
        * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
          list-style: none;
        }

        body {
          font-size: 14px;
          min-width: 1500px;
          font-family: "Microsoft YaHei", 微软雅黑;
        }

        #bodycon {
          width: 100%;
          max-width: 100% !important;
        }

        #bodycon #center {
          width: 100% !important;
          max-width: 100% !important;
        }

        .comp_bc {
          overflow: hidden;
        }

        .dq {
          width: 1500px;
          margin: 0 auto;
        }

        .jj_con {
          position: relative;
          clear: both;
          display: flex;
        }

        .cf_c {
          max-width: 1500px;
          margin: 0 auto;
          width: 100%;
          min-width: 1200px;
          margin-top: 50px;
        }

        .j_cc>b,
        .cf_c>b {
          font-size: 26px;
          color: #d0b393;
          position: relative;
          margin-left: 35px;
        }

        .j_cc>b:before,
        .cf_c>b:before {
          content: '';
          position: absolute;
          width: 9px;
          height: 26px;
          background: #d0b393;
          top: 6px;
          left: -35px;
        }

        .j_cc>b>img,
        .cf_c>b>img {
          width: 28px;
          vertical-align: middle;
          margin-top: -3px;
          display: inline-block;
          margin-left: 5px;
        }

        .jj_wz {
          margin-top: 27px;
          padding-right: 5%;
        }

        .jj_wz p {
          /* font-size: 15px;
          color: #8f8f8f;
          line-height: 35px; */
        }

        .jj_wz p+p {
          margin-top: 20px;
        }

        .j_pp {
          font-size: 33px;
          color: #fff;
        }

        .j_st {
          font-size: 16px;
          color: #fff;
          margin: 4px 0;
        }

        .j_hm {
          font-size: 26px;
          color: #fff;
        }

        .j_hm img {
          width: 20px;
          vertical-align: middle;
        }

        .j_zp {
          width: 265px;
          background: #d0b393;
          height: 152px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }

        .jj_zz {
          display: flex;
          align-items: center;
        }

        .jj_zz li {
          border-right: 1px solid #f4f4f4;
          position: relative;
        }

        .jj_zz li:first-child {
          width: 217px;
          padding-left: 58px;
          position: relative;
        }

        .jj_zz li:first-child:before,
        .jj_zz li:nth-child(2):before {
          content: '';
          position: absolute;
          width: 5px;
          height: 5px;
          background: #d0b393;
          top: 0;
          right: -3px;
        }

        .jj_zz li:first-child:after,
        .jj_zz li:nth-child(2):after {
          content: '';
          position: absolute;
          width: 5px;
          height: 5px;
          background: #d0b393;
          bottom: 0;
          right: -3px;
        }

        .jj_zz li:nth-child(2) {
          width: 225px;
          padding-left: 64px;
          position: relative;
        }

        .jj_zz li:last-child {
          width: 256px;
          padding-left: 64px;
          border: none;
        }

        .jj_zz li p:first-child span {
          color: #fff;
          background: #d0b393;
          font-size: 14px;
          width: 28px;
          height: 28px;
          border-radius: 100%;
          line-height: 28px;
          text-align: center;
          display: inline-block;
          position: absolute;
          top: -10px;
          right: -30px
        }

        .jj_zz li p:first-child {
          font-size: 52px;
          color: #d0b393;
          position: relative;
          display: inline-block;
          font-family: Arial;
        }

        .jj_zz li p:last-child {
          font-size: 14px;
          color: #333;
          opacity: 0.55
        }

        .jj_cc {
          display: flex;
          width: 963px;
          background: #fff;
          box-shadow: 1px 1px 26px rgba(0, 0, 0, 0.08);
          margin-top: 50px;
          position: relative;
          z-index: 999;
        }

        .jj_img {
          position: absolute;
          top: 32px;
          width: 865px;
          right: 50%;
          margin-right: -960px;
          height: 620px;
        }

        .jj_img .hd {
          width: 100%;
          position: absolute;
          bottom: 32px;
          left: 0;
        }

        .jj_img .hd ul {
          display: flex;
          padding-left: 150px;
        }

        .jj_img .hd li {
          width: 16px;
          height: 16px;
          border-radius: 8px;
          background: #fff;
          transition: all 0.5s;
        }

        .jj_img .hd li+li {
          margin-left: 10px;
        }

        .jj_img .hd li.on {
          width: 30px;
          background: #d0b393;
        }

        .j_cc {
          /* width: calc(100% - 655px); */
          /* height: 700px; */
          padding-top: 30px;
        }

        .qy_sb {
          padding-left: 50px;
          margin-top: 30px;
        }

        /*企业文化*/
        .m2cmCon3 {
          padding: 10vh 0px 9vh 0;
          position: relative;
          background: #f8f8f8;
        }

        .container {
          max-width: 1400px;
          margin: 0 auto;
        }

        .m2cm2_t {
          text-align: center;
        }

        .m2cmc3Box {
          position: relative;
          z-index: 2;
        }

        .m2cm3_t {
          text-align: center;
          padding-top: 12px;
        }

        .m2cm2_t span {
          line-height: 68px;
          border-bottom: 3px solid #d0b393;
          display: inline-block;
          font-weight: bold;
          font-size: 42px;
        }

        .col-md-4 {
          float: left;
          width: 33.3%;
        }

        .m2cmc3_aBox.scaleImg .overflowHide {
          height: 353px;
        }

        .overflowHide {
          overflow: hidden;
          position: relative;
          z-index: 0;
        }

        .m2cm3ul {
          margin: 10.92vh -22px 0px;
        }

        .m2cm3ul li {
          padding: 0px 22px;
          margin-bottom: 44px;
        }

        .m2cmc3_t {
          font-size: 34px;
          color: #FFF;
          line-height: 60px;
          position: absolute;
          left: 45px;
          bottom: 62px;
          transition: all 0.5s ease-in-out;
          font-weight: bold;
        }

        .m2cmc3_aBox .overflowHide i {
          background: #d0b393;
          height: 3px;
          width: 60px;
          position: absolute;
          left: 45px;
          bottom: 43px;
          transition: all 0.5s ease-in-out
        }

        .m2cmc3_aBox .overflowHide span {
          display: block;
          position: absolute;
          left: 45px;
          font-size: 16px;
          line-height: 28px;
          color: #ebebeb;
          bottom: 45px;
          transition: all 0.5s ease-in-out;
          opacity: 0
        }

        .m2cmc3_aBox:hover .m2cmc3_t {
          bottom: 166px;
        }

        .m2cmc3_aBox:hover .overflowHide i {
          transform: rotate(90deg);
          left: 18px;
          bottom: 122px;
        }

        .m2cmc3_aBox:hover .overflowHide span {
          opacity: 1;
          transition-delay: 0.3s
        }

        .m2cmCon4 {
          padding: 20.37vh 0px;
          position: relative;
        }

        .clearfix {
          zoom: 1;
        }

        .clearfix:after {
          display: block;
          clear: both;
          content: "";
          visibility: hidden;
          height: 0;
        }

        /*发展历程*/
        .blk-main {
          width: 100%;
          background: #fff;
        }

        .blk {
          width: 1200px;
          margin: 0 auto 20px auto;
        }

        .content1 {
          width: 1200px;
          margin: 0 auto;
        }

        .p12-aboutinfo-1 {
          display: inline-block;
          width: 100%;
          background: #fff;
          margin-bottom: 38px;
        }

        .p12-aboutinfo-1-nr {
          clear: both;
        }

        .p12-aboutinfo-1-tit {
          display: none;
        }

        .course-wrap {
          padding: 114px 0;
          background: url({pboot:sitetplpath}/static/images/20210709165112_1777215753.jpg) no-repeat center bottom;
        }

        .course-wrap * {
          box-sizing: unset;
        }

        .course-wrap h2 {
          text-align: center;
          font-size: 36px;
          font-weight: normal;
          color: #333;
          line-height: 110%;
          margin-bottom: 25px;
        }

        .course-wrap h2 span {
          font-weight: bold;
          color: #d0b393;
        }

        .course-wrap h2 em {
          display: block;
          font-style: normal;
          font-size: 14px;
          color: #666;
        }

        .course-wrap {
          transition: normal;
          font-family: 微软雅黑;
        }

        .course-wrap.m-wrap {
          padding-top: 15px;
          position: relative;
        }

        .course-wrap p.f48 {
          font-size: 40px;
          line-height: 69px;
          color: #ab0309;
        }

        .course-wrap.m-wrap p.f48 {
          font-size: 20px;
          line-height: 34px;
        }

        .course-wrap span.f14 {
          display: block;
          width: 100%;
          line-height: 34px;
        }

        .course-wrap.m-wrap span.f14 {
          line-height: 22px;
        }

        .course-wrap .course-list {
          margin-top: 0px;
          width: 100%;
          position: relative;
        }

        .course-wrap.m-wrap .course-list {
          margin-top: 20px;
        }

        .course-wrap .course-list .ovh {
          width: 1380px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          background: url("{pboot:sitetplpath}/static/images/20210406170710_1967185861.png") repeat-x left 50px;
        }

        .course-wrap.m-wrap .course-list .ovh {
          background: none;
          width: 100%;
        }

        .course-wrap .course-list li {
          width: 300px;
          position: relative;
          float: left;
          margin: 42px 60px 0 0 !important;
        }

        .course-wrap.m-wrap .course-list li {
          margin-right: 0;
          margin-bottom: 20px;
          width: 100%;
        }

        .course-wrap .course-list .main {
          padding: 17px 20px 17px;
          background-color: #f5f5f5;
          width: calc(100% - 40px);
          color: #777;
        }

        .course-wrap .course-list .main p {
          padding-left: 18px;
          margin: 0px;
          line-height: 28px;
        }

        .course-wrap.m-wrap .course-list .main {
          width: 94%;
          padding: 17px 3% 27px;
        }

        .course-wrap .course-list li .top {
          background: #e8e8e8;
          margin-top: 45px;
          height: 42px;
          line-height: 42px;
          font-family: "Arial";
          font-size: 18px;
          text-align: center;
          position: relative;
        }

        .course-wrap .course-list li .top:before,
        .course-wrap .course-list li .top:after {
          content: '';
          position: absolute;
        }

        .course-wrap .course-list li .top:before {
          width: 18px;
          height: 18px;
          border-radius: 100%;
          background: #e8e8e8;
          top: -45px;
          left: calc(50% - 9px);
        }

        .course-wrap .course-list li:hover .top:before,
        .course-wrap .course-list li.on .top:before {
          background: #d0b393;
        }

        .course-wrap .course-list li .top:after {
          width: 0;
          height: 0;
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          border-bottom: 12px solid #e8e8e8;
          top: -12px;
          left: calc(50% - 12px);
        }

        .course-wrap .course-list li:hover .top:after,
        .course-wrap .course-list li.on .top:after {
          border-bottom: 12px solid #d0b393;
        }

        .course-wrap.m-wrap .course-list li .top {
          padding-top: 0;
          padding-left: 3%;
          width: 97%;
          text-align: left;
          background: #e8e8e8;
        }

        .course-wrap.m-wrap .course-list li.odd {
          position: relative;
        }

        .course-wrap .course-list li.odd .top {
          padding-bottom: 45px;
          padding-top: 0;
        }

        .course-wrap.m-wrap .course-list li.odd .top {
          padding-bottom: 0;
          background: #e8e8e8;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
        }

        .course-wrap.m-wrap .course-list li.odd .main {
          margin-top: 42px;
        }

        .course-wrap .course-list .butn {
          display: block;
          width: 42px;
          height: 42px;
          position: absolute;
          top: 30px;
          cursor: pointer;
        }

        .course-wrap.m-wrap .course-list .butn {
          display: none;
        }

        .course-wrap .course-list .prev {
          background: url({pboot:sitetplpath}/static/images/20210709171231_306240019.png) no-repeat center top;
          left: 0;
        }

        .course-wrap .course-list .next {
          background: url({pboot:sitetplpath}/static/images/20210709171231_763568339.png) no-repeat center top;
          right: 0;
        }

        .course-wrap .course-list .butn:hover {
          background-position: center bottom;
        }

        .course-wrap .course-list li:hover .top,
        .course-wrap .course-list li.on .top {
          background: #d0b393;
          color: #fff;
        }

        .course-wrap.m-wrap .course-list li:hover .top,
        .course-wrap.m-wrap .course-list li.odd:hover .top {
          background: #e8e8e8;
          color: #666;
        }
      </style>

      <div class="comp_bc">
        <div class="dq jj_con">
          <div id="myTabContent" class="tab-content">
            
            {pboot:content id=1}
            <div class="tab-pane j_cc active" id="gongsijianjie">
              <b>[content:title]<img src="{pboot:sitetplpath}/static/picture/20210709164520_658000498.png" alt=""></b>
              <div class="jj_wz">
                [content:content]
              </div>
            </div>
            {/pboot:content}
            {pboot:content id=21}
            <div class="tab-pane j_cc" id="qiyezhanting">
              <b>[content:title]<img src="{pboot:sitetplpath}/static/picture/20210709164520_658000498.png" alt=""></b>
              <div class="jj_wz">
                [content:content]
              </div>
            </div>
            {/pboot:content}
            {pboot:content id=22}
            <div class="tab-pane j_cc" id="gongchang">
              <b>[content:title]<img src="{pboot:sitetplpath}/static/picture/20210709164520_658000498.png" alt=""></b>
              <div class="jj_wz">
                [content:content]
              </div>
            </div>
            {/pboot:content}
            {pboot:content id=23}
            <div class="tab-pane j_cc" id="xianchangshigong">
              <b>[content:title]<img src="{pboot:sitetplpath}/static/picture/20210709164520_658000498.png" alt=""></b>
              <div class="jj_wz">
                [content:content]
              </div>
            </div>
            {/pboot:content}

          </div>
        </div>
      </div>

      
    </div>
    <div id="right">
    </div>
    <div class="clear"></div>
  </div>
  <!--</div>-->
  <!--connwebmember!#/mobanhtml/copy!@#"-->
  <div id="copy"></div>
  <!--版权-->
  {include file=footer.html}


  <script>
    AOS.init({
      offset: 200,
      easing: 'ease-out-back',
      duration: 1000,
      disable: 'mobile',
    });
  </script>

  </body>

  </html>